<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery hover特效</title>
<link href="index.css" rel="stylesheet" type="text/css" />
<link rel="Shortcut Icon" href="favicon.ico" />
<script language="javascript" type="text/javascript"
	src="js/jquery-1.10.2.min.js"></script>
<script language="javascript" type="text/javascript"
	src="js/jquery.myPlugin.js"></script>
<script language="javascript" type="text/javascript" src="index.js"></script>
</head>
<body>
	<div id="div1"
		style="width: 400px; height: 30px; background-color: Gray;">My
		God</div>
	<input id="btn1" type="button" value="button" />

	<div class="hoverText">First Button..</div>
	<div class="hoverText">Second Button..</div>
	<div class="hoverText">Third Button..</div>
</body>
</html>
